<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Gemp-LotR</title>

    <link rel="stylesheet" type="text/css" href="css/gemp-001/merchant.css">

    <link rel="stylesheet" type="text/css" href="css/dark-hive/jquery-ui-1.8.16.custom.css">
    <link rel="stylesheet" type="text/css" href="css/jquery.contextMenu.css">
    <link rel="stylesheet" type="text/css" href="js/jquery/styles/jquery.spinnercontrol.css">

    <script type="text/javascript" src="js/jquery/jquery-1.6.2.js"></script>
    <script type="text/javascript" src="js/jquery/jquery-ui-1.8.16.custom.min.js"></script>
    <script type="text/javascript" src="js/jquery/jquery.cookie.js"></script>
    <script type="text/javascript" src="js/jquery/jquery.spinnercontrol.js"></script>
    <script type="text/javascript" src="js/jquery/jquery.layout.js"></script>
    <script type="text/javascript" src="js/jquery/jquery.touchSwipe.js"></script>

    <script type="text/javascript" src="js/gemp-019/inheritance.js"></script>
    <script type="text/javascript" src="js/gemp-019/common.js"></script>
    <script type="text/javascript" src="js/gemp-019/logging.js"></script>
    <script type="text/javascript" src="js/gemp-019/chat.js"></script>
    <script type="text/javascript" src="js/gemp-019/communication.js"></script>
    <script type="text/javascript" src="js/gemp-019/deliveryService.js"></script>
    <script type="text/javascript" src="js/gemp-019/commonUi.js"></script>
    <script type="text/javascript" src="js/gemp-019/cardFilter.js"></script>

    <script type="text/javascript" src="js/gemp-019/jCardGroup.js"></script>
    <script type="text/javascript" src="js/gemp-019/set20.js"></script>
    <script type="text/javascript" src="js/gemp-019/jCards.js"></script>

    <script type="text/javascript" src="js/gemp-019/hallUi.js"></script>
    <script type="text/javascript" src="js/gemp-019/leagueResultsUi.js"></script>
    <script type="text/javascript" src="js/gemp-019/tournamentResultsUi.js"></script>
    <script type="text/javascript" src="js/gemp-019/statsUi.js"></script>
    <script type="text/javascript" src="js/gemp-019/playerStatsUi.js"></script>
    <script type="text/javascript" src="js/gemp-019/gameHistoryUi.js"></script>
    <script type="text/javascript" src="js/gemp-019/deckBuildingUi.js"></script>
    <script type="text/javascript" src="js/gemp-019/gameUi.js"></script>
    <script type="text/javascript" src="js/gemp-019/gameAnimations.js"></script>
    <script type="text/javascript" src="js/gemp-019/merchantUi.js"></script>

    <script type="text/javascript">

        $(document).ready(
                function () {
                    var ui = new GempLotrMerchantUI($("#cardList"), $("#cardFilter"));

                    $(window).resize(function () {
                        layoutUi(ui);
                    });

                    layoutUi(ui);
                });

        function layoutUi(ui) {
            var width = $(window).width();
            var height = $(window).height();
            if (width < 800)
                width = 800;
            if (height < 400)
                height = 400;

            var padding = 5;
            var filterHeight = 160;

            $("#cardFilter").css({position:"absolute", left:padding, top:padding, width:width - padding * 2, height:filterHeight});
            $("#cardList").css({position:"absolute", left:padding, top:2 * padding + filterHeight, width:width - padding * 2, height:height - filterHeight - padding * 3});
            ui.layoutUI();
        }
    </script>

</head>
<body>
<div id="main"
     style="position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000000; overflow: hidden">
    <div id="cardFilter"></div>
    <div id="cardList"></div>
</div>
</body>
</html>
